<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
	  <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
	  <meta name=”msapplication-tap-highlight” content=”no”>
    <title>图片分享</title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
	<script>
		! function(e, t) {
        var n = t.documentElement,
            d = e.devicePixelRatio || 1;

        function i() {
            var cw = n.clientWidth > 750 ? 750 : n.clientWidth < 320 ? 320 : n.clientWidth;
            var e = cw / 7.5;
            n.style.fontSize = e + 'px';
        }
        if (function e() { t.body ? t.body.style.fontSize = '16px' : t.addEventListener('DOMContentLoaded', e) }(), i(), e.addEventListener('resize', i), e.addEventListener('pageshow', function(e) { e.persisted && i() }), d >= 2) {
            var o = t.createElement('body'),
                a = t.createElement('div');
            a.style.border = '.5px solid transparent', o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add('hairlines'), n.removeChild(o);
        }
		}(window, document);
	</script>
  </head>
  <style>
   html,body,div{margin:0px;padding:0px;}
   html,body{width:100%;height:100%;}
      .detailInfo{}
  </style>
<body class="bgf6f6f6">
	 <div class="sharePic">
	     <div class="main">
		    <p class="pname line-ellipsis"><?= $name ?></p>
            <div class="infobox">
			   <p class="price">
			     ￥<span class="curPrice"><?= $price_dis ?></span>元 <span class="icon">价格</span>
			   </p>
			   <p class="pgray">
			      <span class="beforePrice">￥<?= $price ?></span>
				  <span class="sale">销量<?= $sale ?></span>
			   </p>
			   <div class="shareinfo box-flex middle">分享赚<span class="s1">￥</span><span class="s2"><?= $return_money ?></span></div>
			</div>
            <div class="pic">
			   <div class="dp box-flex middle">
			      <img src="<?= $cover ?>"/>
			   </div>
			   <div class="picPrice">价格￥<span><?= $price ?></span></div>
			</div>
            <div class="fotbox">
			    <p class="p1">邀请ID:<?= $invite_code ?></p>
				<p class="p2">喵哟生活</p>
				<p class="p3">生活一切很美</p>
				<div class="code">
				  <img src="<?= $wx_ewm ?>"/>
				  <div class="dt">
				    <span>长</span>
					<span>按</span>
					<span>识</span>
					<span>别</span>
					<span>二</span>
					<span>维</span>
					<span>码</span>
				   </div>
				 </div>
			</div>
		</div>
	 </div>
	<style>
	*{margin:0px;padding:0px;}
body,html{margin:0px;padding:0px; font-family:font-family:"Microsoft YaHei"; height:100%;
max-width:750px; margin:0 auto;}
	a{ text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li{ list-style:none;}
i,em{ font-style:normal}
.line-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
white-space: nowrap;
}
body{background:#fff;}
input{border:0 none; outline:none;}
.box-flex {
    display: -webkit-box;
    display: flex;
}
.box-flex.middle
{
    -webkit-box-align: center;
    align-items: center;
}
img{max-width:100%; vertical-align:middle;}
.h80{width:100%;height:.8rem;}
.h96{width:100%;height:.96rem;}
.h170{width:100%;height:1.7rem;}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both;}
.clearfix{zoom:1;}




.sharePic{width:6.9rem; margin:0 auto;}
.main{padding:.3rem .2rem;}
.pname{color:#303030; font-size:.3rem; font-weight:bold;
background:url('http://pic.mengchongapp.com/Fv9cQyIkpYz3HIqEbfO8CPZejVJ0.png')left center no-repeat; padding-left:.55rem;
background-size:.45rem .52rem;-webkit-background-size:.45rem .52rem;}

.infobox{position:relative;}
.price{font-size:.24rem;color:#c8161d;}
.price .curPrice{font-size:.42rem;}
.price .icon{padding-left:.08rem;}

.pgray{font-size:.24rem;color:#686868;}
.beforePrice{text-decoration:line-through; margin-right:.1rem}

.shareinfo{position:absolute; right:0px; height:.6rem;line-height:.6rem;top:50%;margin-top:-.3rem;
background:#C8161D;font-size:.28rem;color:#fff; padding:0 .3rem; border-radius:.08rem;-webkit-border-radius:.08rem;
overflow:hidden;}
.shareinfo .s1{color:#FAF901;font-size:.24rem; padding:0 2px;}
.shareinfo .s2{color:#FAF901; font-weight:bold;font-size:.42rem;}

.pic{width:6.5rem;height:6.5rem; border:1px solid #aaaaaa; box-sizing:border-box;-webkit-box-sizing:border-box;
margin:.2rem 0; position:relative;}
.pic .dp{
	width:100%;height:100%;overflow:hidden;
}
.picPrice{color:#FFE1A6; position:absolute; padding:0 .1rem; bottom:.3rem;
right:-.08rem; height:1.3rem; line-height:1.3rem;
background:url('http://pic.mengchongapp.com/FnevVhChcSyRHTZh7wwErC2ysdyc.png') center no-repeat;
background-size:100%;-webkit-background-size:100%; font-weight:bold;font-size:.28rem;}
.picPrice span{font-size:.5rem;}
.pic img{width:100%;}
.fotbox {position:relative;}
.fotbox .p1{font-size:.33rem;color:#6c1a2e; padding-top:.1rem;}
.fotbox .p2{font-size:.5rem;color:#303030; font-weight:bold;padding-top:.1rem;}
.fotbox .p3{font-size:.32rem;color#303030;}
.fotbox .code{position:absolute;height:2rem;right:0px;top:.1rem; padding-right:.4rem}
.fotbox .code img{width:2rem;height:2rem}

.fotbox .dt{position:absolute;right:0px; top:.1rem}
.fotbox .dt span{display:block;font-size:.24rem;color:#666; line-height:.26rem}
	</style>

</body>


</html>
